body {margin:0px; padding:0px; background:#53b3e6; color:#333; font:normal 12px Arial;}
div,ul,ol,li,h1,h2,h3,h4,h5,h6,form,p,input,select,textarea {margin:0px; padding:0px;}
img{border:0; outline:0;}
ul li{list-style:none;}
.clear{clear:both;} 
.hig20{ height:20px;}
.MinHig{ min-height:500px;}
.img_inline{ display:inline !important; outline:none;}
.dis_block { display:block !important; outline:none;}
.Fleft{ float:left;}
.Fright{ float:right}
a:link, a:visited{color:#53b3e6; text-decoration:none; outline:none;}
a:hover{color:#3a9bcf; text-decoration:underline; outline:none;}
.txt_sm{ font-size:11px;}
.txt14{ font-size:14px;}
.txt12{ font-size:12px;}
.txt13{ font-size:13px;}
.txt18{ font-size:18px;}
.fontWht{ color:#fff;}
.fontblue{ color:#53b3e6;}
.fontblack{ color:#000;}
.fontblack{ color:#000;}
.fontGry{ color:#999;}
.fontBigTitle{ font:normal 18px "Trebuchet MS" !important; color:#666 !important;}

a.fontgrey { color:#222;}
a.fontgrey:hover{ color:#53b3e6; text-decoration:none;}
a.fontwhtLink { color:#fff;}
a.fontwhtLink:hover{ color:#222; text-decoration:none;}
/*padding*/
.pad_t2 { padding-top:2px;}
.pad_t5 { padding-top:5px;}
.pad_t8 { padding-top:8px;}
.pad_t15 { padding-top:15px;}
.pad_15 { padding-left:5px;}
.pad_18 { padding-left:8px;}
.pad_115 { padding-left:15px;}
.pad_123 { padding-left:23px;}
.pad_1108 { padding-left:108px;}
.pad_btl20 { padding:20px 20px;}
.pad_bt20 { padding:20px 0 20px;}
.pad_a { padding:20px 20px;}
.pad_a1 { padding:10px 0px;}
.pad_r15 { padding-right:15px;}
.pad_b15 { padding-bottom:15px;}
.pad_a2 { padding:10px 10px;}
.pad_a3 { padding:5px 5px;}
.pad_r5 { padding-right:5px;}
.pad_bt5 { padding:5px 0 5px;}
.pad_btlt10 { padding:10px  10px;}
.pad_b10 { padding-bottom:10px;}
.MarRgt10{ margin:0 10px 0 0;}
.MarBot10{ margin:0 0 20px 0;}
.MarTop10{ margin:10px 0 0px 0;}
.MarBot10{ margin:0 0 20px 0;}

/*borders*/
.BotBorder{ border-bottom:1px dashed #ccc;}
.GryBorder{ border:1px solid #ccc; padding:2px 2px;}
.BorderTB{ border-bottom:1px solid #ccc;border-top:1px solid #ccc;}
.Border{ border:1px solid #ccc;}
.RtBorder{ border-right:1px solid #ccc; padding-right:10px;}
/*background color*/
.LtGray{ background:#eee; padding:5px 5px;}
/*Width*/
.wid60 { width:60px;}
.wid100 { width:100px;}
.wid150 { width:150px;}
.wid289 { width:289px;}
.wid250 { width:250px;}
.wid186 { width:186px;}
.wid278 { width:278px;}
.wid335 { width:335px;}
.wid55per { width:55%;}
.wid260 { width:260px;}
.wid240 { width:240px;}
.wid40per { width:40%;}
.ImgHtWt{ width:60px; height:60px; margin-right:5px;}

#container{width:100%; margin:0; padding:0;clear:both;}
#container #header { height:146px;clear:both;}
#container #header #TopRow{ background: url(../images/headerTBg.gif) no-repeat top center #ebf6fd; height:73px; clear:both;}
#container #header #TopRow #InLogo{ float:left; padding:5px 0 5px 20px;}
#container #header #TopRow .Title{ float:left; padding:20px 0 5px 30px;}
#header #TopRow #Tmenu{padding:0; margin:0; float:right; padding:20px 20px 0px 0px;}
#header #TopRow #Tmenu .ProfPic{ display:inline; margin:-10px 0 0 -40px; position:absolute;}
#header #TopRow #Tmenu ul {padding:0; margin:0;}
#header #TopRow #Tmenu ul li{font-size:11px; float:left; display:inline; padding:0; margin:0; padding-top:0px; color:#3f3e3d; border-right:1px solid #999; }
#header #TopRow #Tmenu ul li a:link{font-size:11px; color:#3f3e3d; text-decoration:none; padding:0px 7px 0px 6px; display:block}
#header #TopRow #Tmenu ul li a:visited{font-size:11px; color:#3f3e3d; text-decoration:none; padding:0px 7px 0px 6px; display:block;}
#header #TopRow #Tmenu ul li a:hover{font-size:11px; color:#53b3e6; text-decoration:none; padding:0px 7px 0px 6px; display:block;}

/*Main Menu Home Personal Mirror ....*/

#MainMenubar{padding:0; margin:0;  background: url(../images/MainMenuBg.gif) repeat-x; clear:both; height:39px;}
ul#MainMenu  {padding:0; margin:0; padding:7px 15px; float:left;}
ul#MainMenu li{font-size:11px; font-weight:bold; float:left; display:inline; padding:0; margin:0;  color:#fff; margin-right:5px; }
ul#MainMenu li a:link{font-size:11px; color:#fff; text-decoration:none; display:block; background:#535353; padding:5px 20px; border:1px solid #969696;}
ul#MainMenu li a:visited{font-size:11px; color:#fff; text-decoration:none; background:#535353; padding:5px 20px; border:1px solid #969696;}
ul#MainMenu li a:hover{font-size:11px; color:#fff; text-decoration:none; background:#1297c1; padding:5px 20px 13px; border-top:1px solid #72c8f7; border-left:1px solid #72c8f7; border-right:1px solid #72c8f7; border-bottom:none;position:relative;}
ul#MainMenu li a.active{font-size:11px; color:#fff; text-decoration:none; background:#1297c1; padding:5px 20px 13px; border-top:1px solid #72c8f7; border-left:1px solid #72c8f7; border-right:1px solid #72c8f7; border-bottom:none; position:relative;}
ul#MainMenu li a.home { padding:5px 20px;border:1px solid #969696;}
ul#MainMenu li a.home:hover { padding:5px 20px;border:1px solid #72c8f7;}
.MainSearch{ background:url(../images/MainSearch.png) no-repeat;  border:0; padding:6px; margin-top:7px; font-size:11px; width:200px;}
.MainSearchIcon{ margin-top:7px;}

/*Right Menu Import Contacts Customize ...*/
ul#RightBlMenu  {padding:0; margin:0; padding:7px 0px; float:right;}
ul#RightBlMenu li{font-size:11px; font-weight:bold; float:left; display:inline; padding:0; margin:0;  color:#fff; margin-right:5px; }
ul#RightBlMenu li a:link{font-size:11px; color:#fff; text-decoration:none; display:block; background:#457da7; padding:5px 20px; border:1px solid #4187bd;}
ul#RightBlMenu li a:visited{font-size:11px; color:#fff; text-decoration:none; background:#457da7; padding:5px 20px;border:1px solid #398aae;}
ul#RightBlMenu li a:hover{font-size:11px; color:#fff; text-decoration:none; background:#0b90ba; padding:5px 20px; border:1px solid #4187bd;}

/*Main Submenu Expressions Triggers ....*/
ul#MnSubMenu{padding:0; margin:0; background:#1297c1; border-top: 1px solid #73c9f8; height:30px;padding-top:10px;}
ul#MnSubMenu li{ float:left; display:inline; padding:0; margin:0; border-right:1px solid #72c8f7;  }
ul#MnSubMenu li a:link{font-size:11px; font-weight:bold; color:#fff; text-decoration:none; padding:0px 25px; display:block}
ul#MnSubMenu li a:visited{font-size:11px; font-weight:bold; color:#fff; text-decoration:none; padding:0px 25px; display:block;}
ul#MnSubMenu li a:hover{font-size:11px; font-weight:bold; color:#000; text-decoration:none; padding:0px 25px; display:block;}
ul#MnSubMenu li a.active{font-size:11px; font-weight:bold; color:#000; text-decoration:none; padding:0px 25px; display:block;}

/* Body content part*/
#BodyContainer{ background: url(../images/ContBodyBg.gif) repeat-x top left; padding:20px 10px; clear:both;}
#BodyContainer div#blockCont{ margin:0 auto; clear:both; height:100%;}
#BodyContainer div#blockContIn{ margin:0 auto; width:100%; clear:both; height:100%;}
div#blockContIn .Col{ width:250px; margin-right:10px; float:left; display:block;}
.ColBanner{ width:150px; float:left; display:block;}
div#blockContIn .ColExp{ width:98%; margin-right:10px; float:left; display:block;}
div#blockContIn .ColTrg{ width:98%; margin-right:10px; float:left; display:block;}
div#blockContIn .ListWid{ width:385px; margin-right:10px; float:left; display:block; border-right:1px solid #ccc;}
.Col{ width:380px; margin-right:10px; float:left; display:block;}
.ModuleBlock{background:#fff; width:auto; box-shadow:3px 3px 3px #666;}
.ModuleBlock h1{ background:#f3f5f6; padding:3px 5px 8px 5px; border-bottom:1px dashed #c4e5f7;  margin-bottom:10px;clear:both; height:20px; }
.ModuleBlock h1 label{font:bold 13px Arial; color:#0198c6; float:left; padding-top:5px;}
.ModuleBlock h1 input{ float:left;background:url(../images/ModSearchBg.png) no-repeat top left;  border:0; padding:5px 7px 6px; margin-top:1px; font-size:11px; width:150px;}
.ModuleBlock h1 div{ float:right; margin-right:5px;}
.ModuleBlock h1 .SerImg{ margin-top:1px;}
.ModuleBlock h1 .SetIcon{ margin-top:5px;}
/* Body content Top Menu*/
ul.ModuleMenu{padding:0; margin:0;display:block; margin-left:5px;}
ul.ModuleMenu li{ float:left; display:block; padding:0; margin:0; margin-right:5px; }
ul.ModuleMenu li a:link{font-size:11px; font-weight:bold; color:#333; text-decoration:none; display:block; padding:5px 10px;}
ul.ModuleMenu li a:visited{font-size:11px; font-weight:bold; color:#333; text-decoration:none; display:block; padding:5px 10px;}
ul.ModuleMenu li a:hover{font-size:11px; font-weight:bold; color:#333; text-decoration:none; background: url(../images/ModMenuArw.png) no-repeat bottom center #e9e9e9; padding:5px 10px; }
ul.ModuleMenu li a.active{font-size:11px;  font-weight:bold; color:#333; text-decoration:none; background: url(../images/ModMenuArw.png) no-repeat bottom center #e9e9e9;padding:5px 10px; }
ul.ModuleMenu li span{font-size:11px; font-weight:normal; color:#fc5900;}


/* Body content Top Menu*/
ul.JModuleMenu{padding:0; margin:0;display:block; margin-right:200px;}
ul.JModuleMenu li{ float:right; display:block; padding:0; margin:0; margin-right:5px; }
ul.JModuleMenu li a:link{font-size:11px; font-weight:bold; color:#333; text-decoration:none; display:block; padding:5px 10px;}
ul.JModuleMenu li a:visited{font-size:11px; font-weight:bold; color:#333; text-decoration:none; display:block; padding:5px 10px;}
ul.JModuleMenu li a:hover{font-size:11px; font-weight:bold; color:#333; text-decoration:none; background: url(../images/ModMenuArw.png) no-repeat bottom center #e9e9e9; padding:5px 10px; }
ul.JModuleMenu li a.active{font-size:11px;  font-weight:bold; color:#333; text-decoration:none; background: url(../images/ModMenuArw.png) no-repeat bottom center #e9e9e9;padding:5px 10px; }
ul.JModuleMenu li span{font-size:11px; font-weight:normal; color:#fc5900;}


/*Activity*/
div#blockContIn .share{ width:150px; border:1px solid #ccc; margin:10px 5px 20px; font-size:11px; padding:5px 5px; color:#999; cursor:pointer;}
.share{ width:350px; border:1px solid #ccc; margin:10px 5px 20px; font-size:11px; padding:5px 5px; color:#999; cursor:pointer;}
div.activity {padding:0; margin:0 5px 5px 5px;}
div.activity {display:block; border-bottom:1px dashed #e5e5e5;  min-height:65px; margin-bottom:8px;}
div.activity .blkCont{ float:left; margin-right:5px; padding-bottom:5px;}
div.activity  p.UserImg{ width:45px; height:45px; padding:1px 1px; border:1px solid #e5e5e5}
div.activity  p.Date{ font-size:10px; color:#666; display:block;}
div.activity  p.Title a{ font-size:12px; color:#666;font-weight:bold;}
div.activity  p.Title a:hover{ font-size:12px; color:#3a9bcf;font-weight:bold; text-decoration:none;}
div.activity p.Desc{ font-size:11px; color:#222; font-family:tahoma; margin-bottom:5px;}
div.activity .hover{ background:#f1f8fd;}
a.UserShare{width:12px; color:#3a9bcf;font-size:11px; padding-right:10px; padding-left:15px; position:relative;background:url('../images/IconSha.png') no-repeat }
a.UserComment{width:12px; color:#3a9bcf;font-size:11px; padding-right:10px; padding-left:18px;background:url('../images/IconCom.png') no-repeat}
a.CaleLink{width:12px; color:#3a9bcf;font-size:11px; padding-right:10px; padding-left:15px; padding-bottom:10px; position:relative;background:url('../images/CalIcon.png') no-repeat;}
a.AddLink{width:12px; color:#3a9bcf;font-size:11px; padding-right:10px; padding-left:15px; position:relative;background:url('../images/AddIconSm.png') no-repeat }
/*Expression Messages*/

div.Expr {display:block; border-bottom:1px dashed #ccc;  min-height:65px;padding:0; margin:0 5px 2px 5px;}
div.Expr .blkCont{ float:left; margin-right:5px; padding-bottom:5px;}
div.Expr  p.UserImg{ width:45px; height:45px; padding:1px 1px; border:1px solid #e5e5e5}
div.Expr  p.Date{ font-size:10px; color:#666; display:block;}
div.Expr  p.UName a{ font-size:12px; color:#9d9d9d;font-weight:normal;}
div.Expr  p.UName a:hover{ font-size:12px; color:#3a9bcf;font-weight:normal; text-decoration:none;}
div.Expr  p.Title a{ font-size:12px; color:#666;font-weight:bold;}
div.Expr  p.Title a:hover{ font-size:12px; color:#3a9bcf;font-weight:bold; text-decoration:none;}
div.Expr p.Desc{ font-size:11px; color:#222; font-family:tahoma; margin-bottom:5px;}
div.Expr .hover{ background:#f1f8fd;}
div.Expr .AttachIcon{ }
div.Expr .blkContRt{ float:right; padding-bottom:5px;}

div.Expr .nor{ padding:3px 0px; background:#eee!important;}
div.Expr .act{background:#fff !important;  padding:3px 0px;}
/*Anonymous Messages*/

div.Anon {display:block; border-bottom:1px dashed #ccc;  min-height:65px;padding:0; margin:0 5px 2px 5px;}
div.Anon .blkCont{ float:left; margin-right:5px; padding-bottom:5px;}
div.Anon  p.UserImg{ width:45px; height:45px; padding:1px 1px; border:1px solid #e5e5e5}
div.Anon  p.Date{ font-size:10px; color:#666; display:block;}
div.Anon  p.UName a{ font-size:12px; color:#9d9d9d;font-weight:normal;}
div.Anon  p.UName a:hover{ font-size:12px; color:#3a9bcf;font-weight:normal; text-decoration:none;}
div.Anon  p.Title a{ font-size:12px; color:#666;font-weight:bold;}
div.Anon  p.Title a:hover{ font-size:12px; color:#3a9bcf;font-weight:bold; text-decoration:none;}
div.Anon p.Desc{ font-size:11px; color:#222; font-family:tahoma; margin-bottom:5px;}
div.Anon .hover{ background:#f1f8fd;}
div.Anon .SetIcon{ padding-top:-3px;}
div.Anon .AttachIcon{ padding:15px 0 0 14px;}
div.Anon .Select{ width:50px; height:15px; position:absolute; margin-left:-45px;}
div.Anon .CloseIcon{ padding-left:14px;}
div.Anon input[type="checkbox"]{ float:left; margin:3px 3px 3px 5px;}
div.Anon .blkContRt{ float:right; padding-bottom:5px;}
div.Anon .nor{ padding:3px 0px; background:#eee!important;}
div.Anon .act{background:#fff !important;  padding:3px 0px;}
/*Block Messages*/

div.Block {display:block; border-bottom:1px dashed #ccc;  min-height:15px;padding:0; margin:0 5px 3px 5px; background:#eee; padding:3px 0px;}
div.Block .blkCont{ float:left; margin-right:5px; padding-bottom:5px;}
div.Block  p.UserImg{ width:45px; height:45px; padding:1px 1px; border:1px solid #e5e5e5}
div.Block  p.Date{ font-size:10px; color:#666; display:block;}
div.Block  p.UName a{ font-size:12px; color:#9d9d9d;font-weight:normal;}
div.Block  p.UName a:hover{ font-size:12px; color:#3a9bcf;font-weight:normal; text-decoration:none;}
div.Block  p.Title a{ font-size:12px; color:#666;font-weight:bold;}
div.Block  p.Title a:hover{ font-size:12px; color:#3a9bcf;font-weight:bold; text-decoration:none;}
div.Block p.Desc{ font-size:11px; color:#222; font-family:tahoma; margin-bottom:5px;}
div.Block .hover{ background:#f1f8fd;}
div.Block .SetIcon{ padding-top:-3px;}
div.Block .AttachIcon{ padding:15px 0 0 14px;}
div.Block .Select{ width:50px; height:15px; position:absolute; margin-left:-45px;}
div.Block .CloseIcon{ padding-left:14px;}
div.Block input[type="checkbox"]{ float:left; margin:3px 5px 3px 5px;}

/*Groups*/

div.Grp {display:block; border-bottom:1px dashed #ccc;  min-height:15px;padding:0; margin:0 5px 3px 5px; background:#eee; padding:3px 0px;}
div.Grp .blkCont{ float:left; margin-right:5px; padding-bottom:5px;}
div.Grp  p.UserImg{ width:45px; height:45px; padding:1px 1px; border:1px solid #e5e5e5}
div.Grp  p.Date{ font-size:10px; color:#666; display:block;}
div.Grp  p.UName a{ font-size:12px; color:#9d9d9d;font-weight:normal;}
div.Grp  p.UName a:hover{ font-size:12px; color:#3a9bcf;font-weight:normal; text-decoration:none;}
div.Grp  p.Title a{ font-size:12px; color:#666;font-weight:bold;}
div.Grp  p.Title a:hover{ font-size:12px; color:#3a9bcf;font-weight:bold; text-decoration:none;}
div.Grp p.Desc{ font-size:11px; color:#222; font-family:tahoma; margin-bottom:5px;}
div.Grp .hover{ background:#f1f8fd;}
div.Grp .SetIcon{ padding-top:-3px;}
div.Grp .AttachIcon{ padding:15px 0 0 14px;}
div.Grp .Select{ width:50px; height:15px; position:absolute; margin-left:-45px;}
div.Grp .blkContRt{ float:right; padding-bottom:5px;}


/*Triggers */

div.TrgAll {display:block; border-bottom:1px dashed #ccc;  min-height:65px;padding:0; margin:0 5px 3px 5px;}
div.TrgAll .blkCont{ float:left; margin-right:5px; padding-bottom:5px;}
div.TrgAll  p.UserImg{ width:45px; height:45px; padding:1px 1px; border:1px solid #e5e5e5}
div.TrgAll  p.Date{ font-size:10px; color:#666; display:block;}
div.TrgAll  p.UName a{ font-size:12px; color:#9d9d9d;font-weight:bold;}
div.TrgAll  p.UName a:hover{ font-size:12px; color:#3a9bcf;font-weight:bold; text-decoration:none;}
div.TrgAll  p.Title a{ font-size:12px; color:#666;font-weight:normal;}
div.TrgAll  p.Title a:hover{ font-size:12px; color:#3a9bcf;font-weight:bold; text-decoration:none;}
div.TrgAll p.Desc{ font-size:11px; color:#222; font-family:tahoma; margin-bottom:5px;}
div.TrgAll .hover{ background:#f1f8fd;}
div.TrgAll .SetIcon{ padding-top:-3px;}
div.TrgAll .AttachIcon{ padding:15px 0 0 14px;}
div.TrgAll .Select{ width:50px; height:15px; position:absolute; margin-left:-45px;}
div.TrgAll .CloseIcon{ padding-left:14px;}
div.TrgAll input[type="checkbox"]{ float:left; margin:3px 3px 3px 5px;}
div.TrgAll .blkContRt{ float:right;  padding-bottom:5px;}
div.TrgAll .nor{ padding:3px 0px; background:#eee!important;}
div.TrgAll .act{background:#fff !important;  padding:3px 0px;}


/*Triggers Create*/

.CrtInput{width:250px; text-align:left; border:1px solid #dbdbdb; padding:4px 4px;}
.CrtTextaera{width:300px; height:200px; text-align:left; border:1px solid #dbdbdb; padding:4px 4px; margin-top:5px;}


/*Photos and videos */

div.PhoVid {display:block; border-bottom:1px dashed #ccc;  min-height:65px;padding:0; margin:0 5px 3px 5px;}
div.PhoVid .blkCont{ float:left; margin-right:5px; padding-bottom:5px;}
div.PhoVid  p.UserImg{ width:45px; height:45px; padding:1px 1px; border:1px solid #e5e5e5; position:relative;}
div.PhoVid  p.Date{ font-size:10px; color:#666; display:block;}
div.PhoVid  p.UName a{ font-size:12px; color:#9d9d9d;font-weight:bold;}
div.PhoVid  p.UName a:hover{ font-size:12px; color:#3a9bcf;font-weight:bold; text-decoration:none;}
div.PhoVid  p.Title a{ font-size:12px; color:#666;font-weight:normal;}
div.PhoVid  p.Title a:hover{ font-size:12px; color:#3a9bcf;font-weight:normal; text-decoration:none;}
div.PhoVid p.Desc{ font-size:11px; color:#222; font-family:tahoma; margin-bottom:5px;}
div.PhoVid .hover{ background:#f1f8fd;}
div.PhoVid .SetIcon{ padding-top:-3px;}
div.PhoVid .AttachIcon{ padding:15px 0 0 14px;}
div.PhoVid .Select{ width:50px; height:15px; position:absolute; margin-left:-45px;}
div.PhoVid .CloseIcon{ padding-left:14px;}
div.PhoVid input[type="checkbox"]{ float:left; margin:3px 3px 3px 5px;}
div.PhoVid .blkContRt{ float:right;  padding-bottom:5px;}
div.PhoVid .Icon{position:absolute; z-index:100; padding:30px 0 0 23px;}

div.PhoVid .nor{ padding:3px 0px; background:#eee!important;}
div.PhoVid .act{background:#fff !important;  padding:3px 0px;}

.PhoVidCrtForm label{ float:left; width:100px; padding-right:10px; text-align:right; font-weight:bold;font-size:11px;}
.PhoVidCrtForm input{ float:left; width:435px; text-align:left; border:1px solid #dbdbdb; padding:4px 4px;font-size:11px;color:#999;}
.PhoVidCrtForm textarea{ float:left; width:435px; text-align:left; height:200px; border:1px solid #dbdbdb; padding:4px 4px;font-size:11px;color:#999;}
.PhoVidCrtForm select{ float:left; width:345px; text-align:left; border:1px solid #dbdbdb; padding:4px 4px;font-size:11px; color:#999;}

.PhoVidListBlk{ overflow-y:scroll; height:375px; }
ul.PhoVidList{ padding:0; margin:0; position:relative;}
ul.PhoVidList li{ float:left; display:block; margin-right:8px; margin-bottom:10px;}
ul.PhoVidList li p img{ width:175px; height:175px; border:1px solid #ccc; padding:2px;}
ul.PhoVidList li p img:hover{ width:175px; height:175px; border:1px solid #000; padding:2px; opacity:0.7;}
ul.PhoVidList li div{border:1px solid #ccc; padding:2px 2px 0 ;}
ul.PhoVidList li .Title { position:absolute; background:#000;opacity:0.8;color:#fff; z-index:1000; margin:155px 0 0px 3px;width:170px;  height:18px; padding:5px 0 0 5px}

div.PhtList{float:left; display:block; margin-right:8px; margin-bottom:10px; border:1px solid #ccc; padding:2px;}
div.PhtList:hover{float:left; display:block; margin-right:8px; margin-bottom:10px; border:1px solid #000; padding:2px; cursor:pointer;}
div.PhtList a.active{float:left; display:block; margin-right:8px; margin-bottom:10px; border:1px solid #000; padding:2px; cursor:pointer;}
/*Comments input type photos*/

div.PhVdComInput {padding:0; margin:0 5px 5px 5px; padding:3px 0px; background:#c4ebff}
div.PhVdComInput {display:block; min-height:45px; margin-bottom:3px;}
div.PhVdComInput .blkCont{ float:left; margin-right:5px;}
div.PhVdComInput  p.UserImg{ width:45px; height:45px; padding:1px 1px; border:1px solid #e5e5e5} 
div.PhVdComInput .TextFile{ width:300px; border:1px solid #ccc; padding:2px 2px;font-size:11px; margin-top:5px; color:#999;}

div.PhotoInTitle{ font-size:14px; font-weight:bold; background:#53B3E6; color:#fff;  padding:3px 3px; margin: 5px 0 5px 0; border-top:1px dashed #1d83cb;border-bottom:1px dashed #1d83cb;}

/*Share Photo*/
.PhVdShr label{ float:left; width:100px; padding-right:10px; text-align:right; font-weight:bold;font-size:11px;}
.PhVdShr input {float:left; width:435px; text-align:left; border:1px solid #dbdbdb; padding:4px 4px;font-size:11px;color:#999;}
.PhVdShr .Phimg{float:left;width:440px; height:400px;}
/*Share Photo End*/
/*Tasks*/
/*Tasks*/


div.Task {display:block; border-bottom:1px dashed #ccc;  min-height:65px;padding:0; margin:0 5px 2px 5px;}
div.Task .blkCont{ float:left; margin-right:5px; padding-bottom:5px;}
div.Task  p.UserImg{ width:45px; height:45px; padding:1px 1px; border:1px solid #e5e5e5}
div.Task  p.Date{ font-size:10px; color:#666; display:block;}
div.Task  p.Title a{ font-size:12px; color:#666;font-weight:bold;}
div.Task  p.Title a:hover{ font-size:12px; color:#3a9bcf;font-weight:bold; text-decoration:none;}
div.Task p.DueDate{ font-size:11px; color:#222; font-family:tahoma; margin-bottom:5px;}
div.Task .hover{ background:#f1f8fd;}
div.Task .AttachIcon{ }
div.Task .blkContRt{ float:right; padding-bottom:5px;}
div.Task .Icon{position:absolute; z-index:100; padding:32px 0 0 32px;}

div.Task .nor{ padding:3px 0px; background:#eee!important;}
div.Task .act{background:#fff !important;  padding:3px 0px;}

a.Status{width:12px; color:#3a9bcf;font-size:11px; padding-right:10px; padding-left:15px; padding-bottom:10px; position:relative;background:url('../images/StatusIcon.png') no-repeat;}
a.Recurring{width:12px; color:#3a9bcf;font-size:11px; padding-right:10px; padding-left:15px; padding-bottom:10px; position:relative;background:url('../images/RecurringIcon.png') no-repeat;}

a.AssignToLink{width:12px; color:#3a9bcf;font-size:11px; padding-right:10px; padding-left:15px; padding-bottom:10px; position:relative;background:url('../images/AssignToIcon.png') no-repeat;}


.AsgList{ border:1px solid #999; margin-right:5px; float:left; display:block; padding:1px; height:45px;}

div.TaskComInput {padding:0; margin:0 5px 5px 5px; padding:3px 0px; background:#c4ebff}
div.TaskComInput {display:block; min-height:45px; margin-bottom:3px;}
div.TaskComInput .blkCont{ float:left; margin-right:5px;}
div.TaskComInput  p.UserImg{ width:45px; height:45px; padding:1px 1px; border:1px solid #e5e5e5} 
div.TaskComInput .TextFile{ width:300px; border:1px solid #ccc; padding:2px 2px;font-size:11px; margin-top:5px; color:#999;}


div.TaskCom {padding:0; margin:0 5px 5px 5px; background:#f8f8f8; padding:3px 0px;}
div.TaskCom {display:block; border-bottom:1px dashed #e5e5e5;  min-height:65px; margin-bottom:3px;}
div.TaskCom .blkCont{ float:left; margin-right:5px; padding-bottom:5px;}
div.TaskCom  p.UserImg{ width:45px; height:45px; padding:1px 1px; border:1px solid #e5e5e5}
div.TaskCom  p.Date{ font-size:10px; color:#666; display:block;}
div.TaskCom  p.UName a{ font-size:11px; color:#53b3e6;font-weight:bold;}
div.TaskCom  p.UName a:hover{ font-size:11px; color:#3a9bcf;font-weight:bold; text-decoration:none;}
div.TaskCom  p.Title a{ font-size:12px; color:#333;font-weight:bold;}
div.TaskCom  p.Title a:hover{ font-size:12px; color:#3a9bcf;font-weight:bold; text-decoration:none;}
div.TaskCom p.Desc{ font-size:11px; color:#222; font-family:tahoma; margin-bottom:5px;}
div.TaskCom .hover{ background:#f1f8fd;}

.NewTask {font-size:11px;}
.NewTask label{ float:left; text-align:right; padding-right:10px; }
.NewTask input{float:left; border:1px solid #ccc; padding:2px 2px;font-size:11px;margin-right:8px;}
.NewTask select{float:left; border:1px solid #ccc;font-size:11px;margin-right:5px;}
.NewTask input[type="checkbox"]{ padding:0px; border:0;}

.NewTask .AsgWid{ width:300px; padding:5px 5px; border:1px solid #ccc; margin-top:10px;}


/*Pagination*/
.paginat{ padding:10px 15px 10px 0px; float:right;}
.paginat ul{ margin:0; padding:0;}
.paginat li{ list-style-type:none; display:inline; padding:0px 2px; font-size:11px}
.paginat a:link, .paginat a:visited{font-weight:bold; color:#000 !important; text-decoration:none; }
.paginat a:hover {font-weight:bold; color:#3a9bcf !important; text-decoration:none;}
.paginat a.active{font-weight:bold; color:#3a9bcf !important; text-decoration:none;}

/*Pagination*/
.paginat1{ padding:10px 15px 10px 0px; float:right;}
.paginat1 ul{ margin:0; padding:0;}
.paginat1 li{ list-style-type:none; display:inline; padding:0px 2px; font-size:11px}
.paginat1 a:link, .paginat a:visited{font-weight:bold; color:#000 !important; text-decoration:none; }
.paginat1 a:hover {font-weight:bold; color:#3a9bcf !important; text-decoration:none;}
.paginat1 a.active{font-weight:bold; color:#3a9bcf !important; text-decoration:none;}

.ModuleHig{ min-height:918px;}
.RowModule{ margin-top:10px;}

/*Popup*/
.PopUp .Title{  border-bottom: 1px dotted #3599cd; font-size:14px; font-weight:bold; color:#3599cd; padding:5px 5px; margin-bottom:10px;}
#Compose .EmoType ul{margin:0; padding:0; float:left; padding-left:10px; padding-top:8px;}
#Compose .EmoType ul li{ float:left; display:block; margin-right:5px; }
#Compose .EmoType ul li a{text-decoration:none; padding:0; height:11px;}
#Compose .EmoType ul li a.active{ border:1px solid #6CF; background:#CCE9F0; padding:3px 3px 1px}
.EmoType ul{margin:0; padding:0; float:left; padding-left:10px; padding-top:8px;}
.EmoType ul li{ float:left; display:block; margin-right:5px; }
.EmoType ul li a{text-decoration:none; padding:0; height:11px;}
.EmoType ul li a.active{ border:1px solid #6CF; background:#CCE9F0; padding:3px 3px 1px}
#Compose label{ float:left; width:100px; padding-right:10px; text-align:right; font-weight:bold;font-size:11px;}
#Compose input{ float:left; width:435px; text-align:left; border:1px solid #dbdbdb; padding:4px 4px;font-size:11px;}
#Compose textarea{ float:left; width:435px; text-align:left; height:200px; border:1px solid #dbdbdb; padding:4px 4px;font-size:11px;}
#Compose select{ float:left; width:445px; text-align:left; border:1px solid #dbdbdb; padding:4px 4px;font-size:11px;}





/*Buttons*/

a.Button{
background: transparent url('../images/BtLeft.png') no-repeat top left;
display: block;
float: left;
font:normal 11px Arial ; 
padding-left: 11px; 
line-height: 11px; 
height: 20px;
text-decoration: none; margin-right:5px;
}

a:link.Button, a:visited.Button, a:active.Button{
color: white; 
}

a.Button span{
background: transparent url('../images/BtRight.png') no-repeat top right;
display: block;
padding: 4px 10px 5px 0; 
}

a.Button:hover{ 
background-position: bottom left;
}

a.Button:hover span{ 
background-position: bottom right;
color: white;
}

.BtGray:link{ background:#f3f3f3; display:block; padding:2px 10px; font:bold 11px arial; color:#333; float:left; margin-right:5px; border:1px solid #ddd; text-decoration:none;}
.BtGray:visited{ background:#f3f3f3; display:block; padding:2px 10px; font:bold 11px arial; color:#333; float:left; margin-right:5px; border:1px solid #ddd;text-decoration:none;}
.BtGray:hover{ background:#fff; display:block; padding:2px 10px; font:bold 11px arial; color:#333; float:left; margin-right:5px; border:1px solid #ccc;text-decoration:none;}
/*Footer*/
#footer{background:#464646; height:30px; padding:20px 20px; clear:both}
#footer ul#Fmenu li{font-size:11px; float:left; display:inline; padding:0; margin:0; padding-top:0px; color:#3f3e3d; border-right:1px solid #999; }
#footer ul#Fmenu li a:link{font-size:11px; color:#fff; text-decoration:none; padding:0px 10px; display:block}
#footer ul#Fmenu li a:visited{font-size:11px; color:#fff; text-decoration:none; padding:0px 10px; display:block;}
#footer ul#Fmenu li a:hover{font-size:11px; color:#53b3e6; text-decoration:none; padding:0px 10px; display:block;}
#footer .CopyRights{ float:right; font-size:11px; color:#fff;}


/*Chat Window*/

.Chatbox{ width:250px; position:fixed; bottom:0; background:#004062; padding:3px 5px; right:0; border-left:1px solid #94eaf4; border-right:1px solid #94eaf4; border-top:1px solid #94eaf4;}

.ChatBt:link{ background:#4d7a91; display:block; padding:0px 4px; font:bold 11px arial; color:#fff; float:left; margin-right:5px; text-decoration:none;}
.ChatBt:visited{ background:#4d7a91; display:block; padding:0px 4x; font:bold 11px arial; color:#fff; float:left; margin-right:5px;text-decoration:none;}
.ChatBt:hover{ background:#4699c3; display:block; padding:0px 4px; font:bold 11px arial; color:#fff; float:left; margin-right:5px; text-decoration:none;}

/*Settings Sub menu*/
a.sample_attach, a.sample_attach:visited, div.sample_attach
{
  display: block;
  padding: 2px 5px;
  text-decoration: none; border:none;
}

a.sample_attach, a.sample_attach:visited {  border-bottom: 1px dashed #ccc; padding:5px 5px; }
div#sample_attach_menu_child             { background:#fff; width:120px; margin-left:-60px;font:normal 11px arial;}


/*Comments*/
div.TrgCom {padding:0; margin:0 5px 5px 5px; background:#f8f8f8; padding:3px 0px;}
div.TrgCom {display:block; border-bottom:1px dashed #e5e5e5;  min-height:65px; margin-bottom:3px;}
div.TrgCom .blkCont{ float:left; margin-right:5px; padding-bottom:5px;}
div.TrgCom  p.UserImg{ width:45px; height:45px; padding:1px 1px; border:1px solid #e5e5e5}
div.TrgCom  p.Date{ font-size:10px; color:#666; display:block;}
div.TrgCom  p.UName a{ font-size:11px; color:#53b3e6;font-weight:bold;}
div.TrgCom  p.UName a:hover{ font-size:11px; color:#3a9bcf;font-weight:bold; text-decoration:none;}
div.TrgCom  p.Title a{ font-size:12px; color:#333;font-weight:bold;}
div.TrgCom  p.Title a:hover{ font-size:12px; color:#3a9bcf;font-weight:bold; text-decoration:none;}
div.TrgCom p.Desc{ font-size:11px; color:#222; font-family:tahoma; margin-bottom:5px;}
div.TrgCom .hover{ background:#f1f8fd;}

/*Comments input type*/
div.TrgComInput {padding:0; margin:0 5px 5px 5px; padding:3px 0px;}
div.TrgComInput {display:block; min-height:65px; margin-bottom:3px;}
div.TrgComInput .blkCont{ float:left; margin-right:5px; padding-bottom:5px;}
div.TrgComInput  p.UserImg{ width:45px; height:45px; padding:1px 1px; border:1px solid #e5e5e5} 
div.TrgComInput .TextFile{ width:300px; border:1px solid #ccc; padding:2px 2px;font-size:11px; margin-top:5px; color:#999;}


/*HOME*/
.HomeBg{ background:url(../images/HomeBg.gif) repeat-x  #0373bb; width:100%;}
.HomeBg .HomeImg{ background:url(../images/HomeImg.jpg) no-repeat center top;}
.HomeLogoBg{ float:left; background:url(../images/LogoBg.png) no-repeat; margin-top:30px; width:280px; height:80px; padding:10px 0 0 20px; text-align:left;}
.HomeSlogan{ font:normal 30px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#00629e; width:100%; text-align:center; font-style:italic; padding-top:150px;}
.Homelogin{ width:300px; margin:0 auto; margin-top:50px;}
.Homelogin input[type="text"]{ background:url(../images/HomeInput.png) no-repeat; padding:12px 10px 10px 20px; margin-bottom:5px; border:none; width:290px; font-size:11px;}
.Homelogin input[type="password"]{ background:url(../images/HomeInput.png) no-repeat; padding:12px 10px 10px 20px; margin-bottom:5px; border:none; width:290px; font-size:11px;}

a.HomeIntrBt {background:url(../images/HomeIntorBtNor.png) no-repeat; display:block; width:304px; height:79px;}
.HomeIntrBt:hover{background:url(../images/HomeIntorBtHr.png) no-repeat; display:block; width:304px; height:79px;}

/*Customize*/

#src_child {
    background-color: #EADDFF;
    border: 1px solid black;
    padding: 0 5px 2px;
    position: absolute;
    visibility: hidden;
}

#src_parent {
    background-color: #EADDFF;
    border: 1px solid blue;
    padding: 1px 2px;
    width: 120px;
}

.DivBlk{ width:200px; background:#d3edfb; padding:5px 5px; border:1px solid #0CF; font-size:11px; margin-left:-115px; margin-top:-5px;}

/*Change Password*/

.ChgPas label{ width:130px; float:left; text-align:right; padding-right:5px; padding-top:2px;}
/*Journals*/
.CurvBg{background:url(../images/CurvImg.gif) no-repeat bottom right; }
a.EditLink{width:12px; color:#3a9bcf;font-size:11px; padding-right:10px; padding-left:15px; position:relative;background:url('../images/EditIcon1.png') no-repeat;}


/*Profile*/
.BlkTitle{ font-size:13px; color:#1297c1; margin-bottom:10px;}

.BlkBg{ background:#e9f6ff; padding:5px 5px; border:1px solid #daecfa;}



ul.brands li{ width:160px; border:1px solid #daecfa; display:block; min-height:30px; max-height:100px;padding:0; margin:0; text-align:center; padding:2px 2px; margin-bottom:10px;}
ul.brands li a:link{ }
ul.brands li a:visited{ }
ul.brands li:hover{border:1px solid #8ad9f3; cursor:pointer;}


div.ProfActv { background:#e9f6ff; padding:5px 5px; border:1px solid #daecfa;display:block;  min-height:65px; margin-bottom:8px;}
div.ProfActv .blkContImg{ float:left; margin-right:5px; padding-bottom:5px;}
div.ProfActv .blkCont{ float:left; margin-right:5px; padding-bottom:5px; width:85%;}

div.ProfActv  p.UserImg{ width:45px; height:45px; padding:1px 1px; border:1px solid #e5e5e5}
div.ProfActv  p.Date{ font-size:10px; color:#666; display:block;}
div.ProfActv  p.Title a{ font-size:12px; color:#666;font-weight:bold;}
div.ProfActv  p.Title a:hover{ font-size:12px; color:#3a9bcf;font-weight:bold; text-decoration:none;}
div.ProfActv p.Desc{ font-size:11px; color:#222; font-family:tahoma; margin-bottom:5px;}
div.ProfActv .hover{ background:#dcedf3;}
div.ProfActv .blkContRt{ float:right; padding-bottom:5px;}
div.ProfActv:hover{background:#fff; cursor:pointer; border:1px solid #ccc;}

ul.ProfFrnd{ width:153px;padding:0; margin:0; margin-right:0;}

ul.ProfFrnd li{ display:block; float:left;padding:0; margin:0; text-align:center; margin-bottom:5px; margin-right:2px;}
ul.ProfFrnd img{width:45px; height:45px;border:1px solid #ccc; padding:1px 1px; }
ul.ProfFrnd img:hover{border:1px solid #999; cursor:pointer; opacity:0.8;}

a.AddFrnd{width:12px; color:#666;font-size:11px; padding-right:10px; padding-left:20px; position:relative;background:url('../images/AddIconSm.png') no-repeat; margin-top:-10px; font-weight:normal;}

a.Msg{width:12px; color:#666;font-size:11px; padding-right:10px; padding-left:20px; position:relative;background:url('../images/MsgIcon.png') no-repeat;font-weight:normal;}
/* Added by harinath */
.img_pointer{cursor:pointer;}
#swfupload-control p{ margin:10px 5px; font-size:0.9em; }
#swfupload-control2 p{ margin:10px 5px; font-size:0.9em; }
#swfupload-control3 p{ margin:10px 5px; font-size:0.9em; }

#log11{ margin:0; padding:0;float:left; width:450px;}

#log11 li{ list-style-position:inside; margin:1px; border:1px solid #ccc; padding:10px; font-size:12px; 
	font-family:Arial, Helvetica, sans-serif; color:#333; background:#f7f7f7; position:relative;height:40px;}

#log11 li .progressbar{ border:1px solid #064474; height:5px; }

#log11 li .progress{ background:#1a7ecb; width:0%; height:5px; }

#log11 li p{ margin:0; line-height:18px; }

#log11 li.success{ border:1px solid #cfcfcf; background:#f7f7f7; }

#log11 li span.cancel{ position:absolute; top:5px; right:5px; width:20px; height:20px; 
	background:url('/images/btn_close_icon.gif') no-repeat; cursor:pointer; }
/* end*/

.DivBlk{ width:200px; background:#d3edfb; padding:5px 5px; border:1px solid #0CF; font-size:11px; margin-left:-115px; margin-top:-5px;}

.DivBlk_a{ width:200px; background:#fff; padding:5px 5px; border:1px solid #ccc; font-size:11px;  margin-top:-5px;}

/*Change Password*/

.ChgPas label{ width:130px; float:left; text-align:right; padding-right:5px; padding-top:2px;}
/** Added by praneeth **/
.grey_bg-1 {
    background-color: #E4E4E5;
}
.bot_border-3 {
    border-bottom: 1px dotted #D6D5D5;
    padding: 3px 0;
}
.bot_border {
    border-bottom: 1px solid #E7E7E7;
}

.ListWid{ width:360px; float:left; display:block;}

.ListWidMin{ width:265px; float:left; display:block;}

.ListWidMin div.Expr .blkCont{width:70% }

.ListWidMin div.activity .blkCont{width:70% }